<!doctype html>
<html lang="en">

<head>
    <title>阿尔法RPG - Alpha RPG</title>
    <meta charset="UTF-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="ie=edge" http-equiv="X-UA-Compatible" />
    <meta content="website" property="og:type" />
    <meta content="AlphaRPG" property="og:title" />
    <meta content="en_US" property="og:locale" />
    <meta content="Incremental RPG game, fight monsters and follow the story to get powerful items" property="og:description" />
    <meta name="theme-color" content="#13F1D2">
    <meta content="images/logo.png" property="og:image" />
    <link href="images/favicon.ico" rel="icon" type="image/x-icon" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link async href="css/vars.css?v=3.5.0" rel="stylesheet" />
    <link async href="css/base.css?v=3.5.0" rel="stylesheet" />
    <link async href="css/style.css?v=3.5.0" rel="stylesheet" />
    <link async href="css/palette.css?v=3.5.0" rel="stylesheet" />
</head>

<body>
    <script src="chs.js"></script>
    <script src="core.js"></script>
    <div class="background" id="BACKGROUND"></div>
    <div class="pw page" id="GAME" style="display: none;">
        <div class="page-sidebar">
            <div class="menu">
                <li data-menu="INVENTORY">
                    <div class="link" data-url="#" id="inventory"><i class="fas fa-sack icon"></i> Inventory</div>
                </li>
                <li data-menu="PRESTIGE">
                    <div class="link" data-url="#" id="prestige"><i class="far fa-portal-enter"></i> Dimension</div>
                </li>
                <li data-menu="STATS">
                    <div class="link" data-url="#" id="statistics"><i class="fas fa-clipboard list icon"></i> Statistics</div>
                </li>
                <li data-menu="LEADERBOARD">
                    <div class="link" data-url="#" id="leaderboard"><i class="fas fa-trophy icon"></i> Leaderboard</div>
                </li>
                <li data-menu="SETTINGS">
                    <div class="link" data-url="#" id="settings"><i class="fas fa-cogs icon"></i> Settings</div>
                </li>
                <li data-menu="CREDITS">
                    <div class="link" data-url="#" id="credits"><i class="fas fa-popcorn"></i> Credits</div>
                </li>
                <li data-menu="#">
                    <div class="link" data-url="https://discord.com/invite/SBuYeHh"><i class="fab fa-discord"></i> Discord</div>
                </li>
            </div>
            <div class="pw sticked segments text-center">
                <div class="pw segment green" id="MIND_CONTROL"></div>
                <div class="pw segment alpha" id="NextArmor"></div>
                <div class="pw segment green" id="WTUNLOCK"></div>
                <div class="pw segment red" id="LowScore"></div>
                <div class="pw segment red" id="MaxPOSLVL"></div>
                <div class="pw segment yellow" id="NextRetreat"></div>
                <div class="pw segment yellow" id="NextCover"></div>
            </div>
            <div class="labels">
                <div class="pw inline alpha label" id="LABEL_EXP">
                </div>
                <div class="pw inline green label">
                    <i class="fas fa-dollar-sign pw green"></i><span id="LABEL_CASH"></span>
                </div>
                <div class="pw inline blue label">
                    <i class="fal fa-dna pw blue"></i> <span id="LABEL_SHARDS"></span>
                </div>
                <div class="pw inline white label" id="LABEL_INVENTORY">
                </div>
            </div>
            <div class="credits">
                <div class="game-title" id="game_title">AlphaRPG</div>
            </div>
        </div>
        <div class="page-content">
            <div class="scroller">
                <div class="pw message combat no-animation text-center" id="DIV-COMBAT">
                    <h3 class="pw horizontal divider" id="PLAYER-ETA"></h3>
                    <div class="pw horizontal segments">
                        <div class="pw segment type_card">
                            <div class="card" id="PlayerCard">
                                <div class="box">
                                    <h2 class="text" id="PlayerID"></h2>
                                    <div class="card_content">
                                        <svg>
                                            <circle cx="70" cy="70" r="72.5" />
                                            <circle class="Percentage" cx="70" cy="70" id="PLAYER_PERCENT" r="72.5" />
                                        </svg>
                                        <div class="number">
                                            <div id="PlayerSprite"></div>
                                            <h2>100<span>%</span></h2>
                                        </div>
                                    </div>
                                    <h2 class="text">
                                        <span id="PlayerLife"></span>
                                        <span class="pw inline label" id="PlayerDamage" style="display: none;"></span><br />
                                        <span id="PlayerPower"></span>
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <div class="pw segment type_card">
                            <div class="card" id="EnemyCard">
                                <div class="box">
                                    <h2 class="text" id="EnemyTitle"></h2>
                                    <div class="card_content">
                                        <svg>
                                            <circle cx="70" cy="70" r="72.5" />
                                            <circle class="Percentage" cx="70" cy="70" id="ENEMY_PERCENT" r="72.5" />

                                        </svg>
                                        <div class="number">
                                            <div id="EnemySprite"></div>
                                            <h2>100<span>%</span></h2>
                                        </div>
                                    </div>
                                    <h2 class="text">
                                        <span id="EnemyLife"></span>
                                        <span class="pw inline label" id="EnemyDamage" style="display: none;"></span>
                                        <br />
                                        <span id="EnemyPower"></span>
                                    </h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pw message full-width" id="BUTTONS_COMBAT">
                        <div class="pw fluid nostack buttons">
                            <div class="pw blue button" data-url="#" id="attack-btn">
                                <i class="fas fa-sword"></i> Main Attack
                            </div>
                            <div class="pw yellow button" data-url="#" id="special-btn">
                                <i class="fas fa-swords"></i> 0 Special Attack
                            </div>
                            <div class="pw grey button" data-url="#" id="cover-btn">
                                <i class="fas fa-shield"></i> Take Cover
                            </div>
                        </div>
                        <div class="pw invisible divider"></div>
                        <div class="pw fluid darkgrey button" data-url="#" id="run-btn">
                            <i class="fas fa-running"></i> Run Away
                        </div>
                    </div>
                    <div class="pw message" id="RESPAWNING" style="display: none;">
                        <div class="respawning" id="RESPAWN_TEXT"></div>
                    </div>
                    <div class="pw horizontal segments" id="EQUIPMENT">
                        <div class="pw segment">
                            <div class="pw equipment-grid">
                                <div id="MainWeapon" class="pw equipment">
                                    <div class="header"></div>
                                    <div class="content">
                                        <div class="icon"></div>
                                        <div class="description"></div>
                                    </div>
                                    <div class="footer">
                                        <div class="ThrowButton">
                                            <div class="pw fluid red button"><i class="fas fa-trash"></i> Throw away
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div id="SpecialWeapon" class="pw equipment">
                                    <div class="header"></div>
                                    <div class="content">
                                        <div class="icon"></div>
                                        <div class="description"></div>
                                    </div>
                                    <div class="footer">
                                        <div class="ThrowButton">
                                            <div class="pw fluid red button"><i class="fas fa-trash"></i> Throw away
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="Armor1" class="pw equipment">
                                    <div class="header"></div>
                                    <div class="content">
                                        <div class="icon"></div>
                                        <div class="description"></div>
                                        <div class="relic"></div>
                                    </div>
                                    <div class="footer">
                                        <div class="ThrowButton">
                                            <div class="pw fluid red button"><i class="fas fa-trash"></i> Throw away
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="Armor2" class="pw equipment">
                                    <div class="header"></div>
                                    <div class="content">
                                        <div class="icon"></div>
                                        <div class="description"></div>
                                        <div class="relic"></div>
                                    </div>
                                    <div class="footer">
                                        <div class="ThrowButton">
                                            <div class="pw fluid red button"><i class="fas fa-trash"></i> Throw away
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="Armor3" class="pw equipment">
                                    <div class="header"></div>
                                    <div class="content">
                                        <div class="icon"></div>
                                        <div class="description"></div>
                                        <div class="relic"></div>
                                    </div>
                                    <div class="footer">
                                        <div class="ThrowButton">
                                            <div class="pw fluid red button"><i class="fas fa-trash"></i> Throw away
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="Armor4" class="pw equipment">
                                    <div class="header"></div>
                                    <div class="content">
                                        <div class="icon"></div>
                                        <div class="description"></div>
                                        <div class="relic"></div>
                                    </div>
                                    <div class="footer">
                                        <div class="ThrowButton">
                                            <div class="pw fluid red button"><i class="fas fa-trash"></i> Throw away
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="player-exp" id="PlayerXP">
                        <div class="pw progress">
                            <div class="progress-bar"></div>
                            <div class="progress-text"></div>
                        </div>
                    </div>
                </div>
                <div class="pw message no-animation text-center" id="DIV-INVENTORY">
                    <div class="pw fluid red button heading-close" data-link="return_to_game">Return to the game <i class="fa-regular fa-arrow-up-right-from-square"></i></div>
                    <h3 class="pw horizontal divider" id="EQUIPMENT_COUNTER"><i class="fas fa-user"></i> Equipment</h3>
                    <div class="pw horizontal segments" id="EQUIPPED_ITEMS"></div>
                    <h3 class="pw horizontal divider"><i class="fas fa-trash"></i> Auto Remove</h3>
                    <div class="pw horizontal sticked segments">
                        <div class="pw segment">
                            <div class="pw checkbox dark" data-check="unchecked" data-id="5" id="RM1">
                                <input tabindex="0" type="checkbox" />
                                <label class="text Normal">Normal</label>
                            </div>
                        </div>
                        <div class="pw segment">
                            <div class="pw checkbox dark" data-check="unchecked" data-id="6" id="RM2">
                                <input tabindex="0" type="checkbox" />
                                <label class="text Common">Common</label>
                            </div>
                        </div>
                        <div class="pw segment">
                            <div class="pw checkbox dark" data-check="unchecked" data-id="7" id="RM3">
                                <input tabindex="0" type="checkbox" />
                                <label class="text Uncommon">Uncommon</label>
                            </div>
                        </div>
                        <div class="pw segment">
                            <div class="pw checkbox dark" data-check="unchecked" data-id="8" id="RM4">
                                <input tabindex="0" type="checkbox" />
                                <label class="text Rare">Rare</label>
                            </div>
                        </div>
                        <div class="pw segment">
                            <div class="pw checkbox dark" data-check="unchecked" data-id="9" id="RM5">
                                <input tabindex="0" type="checkbox" />
                                <label class="text Epic">Epic</label>
                            </div>
                        </div>
                        <div class="pw segment">
                            <div class="pw checkbox dark" data-check="unchecked" data-id="10" id="RM6">
                                <input tabindex="0" type="checkbox" />
                                <label class="text Exotic">Exotic</label>
                            </div>
                        </div>
                    </div>
                    <h3 class="pw horizontal divider" id="INVENTORY_COUNTER"><i class="fas fa-sack icon"></i> Inventory
                    </h3>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="WEAPONS_COUNT">Weapons</h3>
                        <div class="content active" id="INVENTORY-Weapon"></div>
                    </div>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="ARMORS_COUNT">Armor</h3>
                        <div class="content active" id="INVENTORY-Armor"></div>
                    </div>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="POWER_GEMS_COUNT">Power Gems</h3>
                        <div class="content active" id="INVENTORY-Gem0"></div>
                    </div>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="LIFE_GEMS_COUNT">Life Gems</h3>
                        <div class="content active" id="INVENTORY-Gem1"></div>
                    </div>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="RELICS_COUNT">Relics</h3>
                        <div class="content active" id="INVENTORY-Relic"></div>
                    </div>
                </div>
                <div class="pw message no-animation text-center" id="DIV-PRESTIGE">
                    <div class="pw fluid red button heading-close" data-link="return_to_game">Return to the game <i class="fa-regular fa-arrow-up-right-from-square"></i></div>
                    <h3 class="pw horizontal divider"><i class="far fa-portal-enter"></i> Dimension</h3>
                    <div id="CurrWT"></div>
                    <div id="WTShards"></div>
                    <div class="pw red label">
                        <h4 class="pw red">Information</h4>
                        By passing through the dimensional rift you will lose your current equipment and missions progression.
                        <br />The story will be reset and the difficulty will increase by 5%.
                    </div>
                    <h4 class="pw horizontal divider">Benefits for each new dimension</h4>
                    <div class="pw inline green label">+50 maximum score</div>
                    <div class="pw inline green label">3% more experience</div>
                    <div class="pw inline green label">+2 inventory slots</div>
                    <div class="pw inline green label">Unlocks the Mind Control (idle mode)</div>
                    <div class="pw fluid blue button" id="WTBTN"><i class="far fa-portal-enter"></i> Dimensional Rift</div>
                    <h3 class="pw horizontal divider"><i class="fal fa-arrow-alt-circle-up"></i> Dimensional Bonuses</h3>
                    <span class="pw label blue" id="ShardsNumber"></span>
                    <div id="Upgrades">
                        <div class="pw horizontal dark segments">
                            <div class="pw segment">Name</div>
                            <div class="pw segment">Current bonus</div>
                            <div class="pw segment">Price</div>
                            <div class="pw segment">Upgrade</div>
                        </div>
                        <div class="pw horizontal dark segments">
                            <div class="pw segment">Experience Multiplier</div>
                            <div class="pw segment" id="XPMULTVAL"></div>
                            <div class="pw segment" id="XPMULTPRICE"></div>
                            <div class="pw segment">
                                <div class="pw link" data-url="#" id="UPGRADE_0">Purchase</div>
                            </div>
                        </div>
                        <div class="pw horizontal dark segments">
                            <div class="pw segment">Damage Multiplier</div>
                            <div class="pw segment" id="POWERMULTVAL"></div>
                            <div class="pw segment" id="POWERMULTPRICE"></div>
                            <div class="pw segment">
                                <div class="pw link" data-url="#" id="UPGRADE_1">Purchase</div>
                            </div>
                        </div>
                        <div class="pw horizontal dark segments">
                            <div class="pw segment">Armor Multiplier</div>
                            <div class="pw segment" id="LIFEMULTVAL"></div>
                            <div class="pw segment" id="LIFEMULTPRICE"></div>
                            <div class="pw segment">
                                <div class="pw link" data-url="#" id="UPGRADE_2">Purchase</div>
                            </div>
                        </div>
                        <div class="pw horizontal dark segments">
                            <div class="pw segment">Inventory Capacity</div>
                            <div class="pw segment" id="INVUPGVAL"></div>
                            <div class="pw segment" id="INVUPGPRICE"></div>
                            <div class="pw segment">
                                <div class="pw link" data-url="#" id="UPGRADE_3">Purchase</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pw message no-animation text-center" id="DIV-STATS">
                    <div class="pw fluid red button heading-close" data-link="return_to_game">Return to the game <i class="fa-regular fa-arrow-up-right-from-square"></i></div>
                    <h3 class="pw horizontal divider"><i class="fas fa-clipboard list icon"></i> Statistics</h3>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name">General</h3>
                        <div class="content active">
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Identification</div>
                                <div class="pw segment avatar text-right" id="namestat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Ranking</div>
                                <div class="pw segment text-right" id="Rankstat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Time Played</div>
                                <div class="pw segment text-right" id="playtimestat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Current Level</div>
                                <div class="pw segment text-right" id="Levelstat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Class</div>
                                <div class="pw segment text-right" id="Classstat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Main Attack Damage</div>
                                <div class="pw segment text-right" id="powerstat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Maximum Life</div>
                                <div class="pw segment text-right" id="lifestat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">
                                    <div class="link" data-url="#" onclick=" helpScore()">Equipment Score</div>
                                </div>
                                <div class="pw segment text-right" id="Scorestat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Dimensional Difficulty</div>
                                <div class="pw segment text-right" id="Difficultystat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Fortresses Defeated</div>
                                <div class="pw segment text-right" id="fortressstat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Main Weapon Damage</div>
                                <div class="pw segment text-right" id="mainweaponstat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Special Weapon Damage</div>
                                <div class="pw segment text-right" id="specialweaponstat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Helmet Base Life</div>
                                <div class="pw segment text-right" id="armor1stat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Armor Base Life</div>
                                <div class="pw segment text-right" id="armor2stat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Shield Base Life</div>
                                <div class="pw segment text-right" id="armor3stat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Boots Base Life</div>
                                <div class="pw segment text-right" id="armor4stat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Game Version</div>
                                <div class="pw segment text-right" id="Versionstat"></div>
                            </div>
                        </div>
                    </div>
                    <div class="pw dropdown text-center">
                        <h3 class="name">Locations</h3>
                        <div class="content" id="locations-stats"></div>
                    </div>
                    <div class="pw dropdown text-center">
                        <h3 class="name">Kills</h3>
                        <div class="content">
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left"><span class="Enemy1">NORMAL</span> Kills</div>
                                <div class="pw segment text-right" id="Defeat1"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left"><span class="Enemy2">ADVANCED</span> Kills</div>
                                <div class="pw segment text-right" id="Defeat2"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left"><span class="Enemy3">SUPERIOR</span> Kills</div>
                                <div class="pw segment text-right" id="Defeat3"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left"><span class="Enemy4">VETERAN</span> Kills</div>
                                <div class="pw segment text-right" id="Defeat4"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left"><span class="Enemy5">ELITE</span> Kills</div>
                                <div class="pw segment text-right" id="Defeat5"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left"><span class="Enemy6">BOSS</span> Kills</div>
                                <div class="pw segment text-right" id="Defeat6"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left"><span class="Enemy7">GOD</span> Kills</div>
                                <div class="pw segment text-right" id="Defeat7"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Ratio (K/D)</div>
                                <div class="pw segment text-right" id="Ratiostat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Total Kills</div>
                                <div class="pw segment text-right" id="Killstat"></div>
                            </div>
                            <div class="pw horizontal dark segments">
                                <div class="pw segment text-left">Total Deaths</div>
                                <div class="pw segment text-right" id="Deathstat"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="pw message no-animation text-center" id="DIV-LEADERBOARD">
                    <div class="pw fluid red button heading-close" data-link="return_to_game">Return to the game <i class="fa-regular fa-arrow-up-right-from-square"></i></div>
                    <h3 class="pw horizontal divider">
                        <i class="fas fa-trophy icon"></i>
                        Leaderboard
                    </h3>
                    <h4 class="text-center" id="CloudTimer"></h4>
                    <div class="pw checkbox dark" data-id="4" id="OnlyMyVersion">
                        <input tabindex="0" type="checkbox" />
                        <label class="text">Hide old versions players</label>
                    </div>
                    <div class="pw fluid button" id="Reload">Refresh</div>
                    <div id="LEADERBOARD"></div>
                    <div class="pw fluid buttons" style="margin: 1px 0px 0px 0px;">
                        <div class="pw button" id="TOPPREVIOUS"></div>
                        <div class="pw button" id="TOPNEXT"></div>
                    </div>
                    <div class="pw fluid button" id="TOP10">Top 10</div>
                    <h3 class="pw message">
                        <span class="pw inline green label"><i class="info icon"></i> INFO</span> You can change the
                        color
                        of your name by changing the <span class="pw alpha">theme color</span> in the Settings.
                    </h3>
                </div>
                <div class="pw message no-animation text-center" id="DIV-SETTINGS">
                    <div class="pw fluid red button heading-close" data-link="return_to_game">Return to the game <i class="fa-regular fa-arrow-up-right-from-square"></i></div>
                    <div class="pw horizontal divider"><i class="fas fa-cogs"></i> Settings</div>
                    <div class="pw horizontal segments">
                        <div class="pw segment">
                            <div class="pw fluid buttons">
                                <div class="pw red button" id="reset-btn">Delete save</div>
                                <div class="pw grey button" id="export-btn">Export save</div>
                                <div class="pw green button" id="import-btn">Import save</div>
                            </div>
                            <div id="exportBody"></div>
                        </div>
                    </div>
                    <div class="pw horizontal segments">
                        <div class="pw segment">
                            <img class="pw centered medium image" id="avatar" src="images/avatars/avatar (7).png" />
                            <div class="pw fluid buttons">
                                <div class="pw grey button" id="AVATAR_PREVIOUS">
                                    <i class="fal fa-arrow-square-left"></i>
                                </div>
                                <div class="pw grey button" id="AVATAR_NEXT">
                                    <i class="fal fa-arrow-square-right"></i>
                                </div>
                            </div>
                        </div>
                        <div class="pw segment">
                            <div class="pw checkbox" data-check="checked" data-id="0" id="AlertToggle">
                                <input tabindex="0" type="checkbox" />
                                <label class="text">Confirmation for changing Weapons or Armor.</label>
                            </div>
                            <div class="pw checkbox" data-check="checked" data-id="1" id="AlertToggle2">
                                <input tabindex="0" type="checkbox" />
                                <label class="text">Confirmation for changing Relics.</label>
                            </div>
                            <div class="pw checkbox" data-check="checked" data-id="3" id="AutoMissions">
                                <input tabindex="0" type="checkbox" />
                                <label class="text">Automatically start available missions.</label>
                            </div>
                            <div class="pw checkbox" data-check="unchecked" data-id="11" id="MindControl">
                                <input tabindex="0" type="checkbox">
                                <div class="text"> Automatically enable mind control when AFK</div>
                            </div>

                            <h3 class="pw horizontal divider"> <i class="fas fa-globe"></i> Language</h3>
                            <div class="pw fluid buttons">
                                <div class="pw grey button" id="LanguageSelector_French">Français</div>
                                <div class="pw grey button" id="LanguageSelector_English">English</div>
                            </div>
                        </div>
                    </div>
                    <div class="pw segments">
                        <div class="pw segment">
                            <h3 class="pw horizontal divider"> <i class="fa-solid fa-treasure-chest"></i> Skip rewards</h3>
                            You can choose to skip all rewards or only when there is no item dropped
                            <div class="pw invisible divider"></div>
                            <div class="pw fluid buttons">
                                <div class="pw green button" id="ShowAllRewards">Show all</div>
                                <div class="pw red button" id="SkipAllRewards">Hide all</div>
                                <div class="pw yellow button" id="SkipNoItemsRewards">Only with loot</div>
                            </div>
                            <span class="pw inline label" id="REWARDS_CURRENT_CONFIG"></span>
                        </div>
                        <div class="pw segment">
                            <h3 class="pw horizontal divider"> <i class="fal fa-terminal"></i> Promotional Codes</h3>
                            If you have a promotional code enter it here.
                            <input id="promocode" maxlength="6" placeholder="Abc123" type="text" />
                            <div class="pw fluid grey button" id="CheckCode">Check code</div>
                            <span id="codereturn"></span>
                        </div>
                        <div class="pw horizontal divider"><i class="fas fa-paint-brush"></i> Theme</div>
                        <div class="color-picker">
                            <div class="content">
                                <div class="hex-color">
                                    <div class="text">#</div>
                                    <input disabled id="color-name" maxlength="6" minlength="3" placeholder="000000" type="text" value />
                                </div>
                                <div class="divider"></div>
                                <div class="selector red noselect" id="selector-red">
                                    <div class="container">
                                        <div class="value">19</div>
                                    </div>
                                    <div class="button minus"><i class="fal fa-minus"></i></div>
                                    <input class="color-range red" id="range-red" max="255" min="0" type="range" value="19" />
                                    <div class="button plus"><i class="fal fa-plus"></i></div>
                                </div>
                                <div class="selector green noselect" id="selector-green">
                                    <div class="container">
                                        <div class="value">241</div>
                                    </div>
                                    <div class="button minus"><i class="fal fa-minus"></i></div>
                                    <input class="color-range green" id="range-green" max="255" min="0" type="range" value="241" />
                                    <div class="button plus"><i class="fal fa-plus"></i></div>
                                </div>
                                <div class="selector blue noselect" id="selector-blue">
                                    <div class="container">
                                        <div class="value">210</div>
                                    </div>
                                    <div class="button minus"><i class="fal fa-minus"></i></div>
                                    <input class="color-range blue" id="range-blue" max="255" min="0" type="range" value="210" />
                                    <div class="button plus"> <i class="fal fa-plus"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="pw fluid alpha button" id="RESET_THEME">Reset Theme</div>
                    </div>
                </div>
                <div class="pw message text-center" id="DIV-CREDITS">
                    <div class="pw fluid red button heading-close" data-link="return_to_game">Return to the game <i class="fa-regular fa-arrow-up-right-from-square"></i></div>
                    <h3 class="pw horizontal divider"><i class="fas fa-popcorn"></i> Credits</h3>
                    <span id="VERSION_TEXT"></span> made with 💖 by
                    <div class="link" data-url="https://github.com/GoldenLys">Purple Wizard </div>.<br />
                    <div class="pw inline label"><i class="pw discord fab fa-discord"></i> Purple Wizard#0984</div>
                    <div class="pw inline label"><i class="pw reddit fab fa-reddit"></i> u/Aizen45</div>
                    <br />Huge thanks to <b>Tiwaz</b> and <b>Pedter</b> for their help during the early development!<br /> <br />
                    <div class="link" data-url="https://github.com/GoldenLys/AlphaRPG">
                        <i class="fas fa-code"></i> Source Code
                    </div>
                </div>
            </div>
        </div>
        <div class="page-tabs">
            <div class="pw fluid buttons">
                <div class="pw button active" data-url="#" id="missions"><i class="far fa-dot-circle"></i> Missions
                </div>
                <div class="pw button" data-url="#" id="exploration"><i class="fa-solid fa-earth-europe icon"></i> Exploration
                </div>
                <div class="pw button" data-url="#" id="guild"><i class="fa-solid fa-circle-star icon"></i> Guild
                </div>
            </div>
            <div class="scroller">
                <div id="DIV-MISSIONS">
                    <div class="pw segments" id="MISSIONS-CURRENT"></div>
                    <div class="pw dropdown text-center">
                        <h3 class="name">Fortresses</h3>
                        <div class="content">
                            <div id="MISSIONS-FORTRESSES"></div>
                        </div>
                    </div>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="mcount"></h3>
                        <div class="content">
                            <div id="MISSIONS-COMPLETED"></div>
                        </div>
                    </div>
                </div>
                <div class="pw segments" id="DIV-EXPLORE" style="display: none;">
                </div>
                <div class="pw segments" id="DIV-GUILD" style="display: none;">
                    <div class="pw segment dark text-center">
                        <h3 class="text-center pw red">Work in Progress
                            <div class="pw subtitle red">This part of the game will be available in a future update</div>
                        </h3>
                    </div>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="GUILD_TITLES_NAME">Titles</h3>
                        <div class="content">
                            <div id="TITLES"></div>
                        </div>
                    </div>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="GUILD_BANK_NAME">Bank</h3>
                        <div class="content">
                            <div id="TITLES"></div>
                        </div>
                    </div>
                    <div class="pw dropdown text-center" data-open="open">
                        <h3 class="name" id="GUILD_SHOP_NAME">Shop</h3>
                        <div class="content">
                            <div id="TITLES"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--INTRODUCTION-->
    <div id="INTRODUCTION">
        <div class="header">
            AlphaRPG
            <div class="pw fluid steps">
                <div class="step active" id="step1">
                    <i class="fal fa-question-square"></i>
                    <div class="content">
                        <div class="title">Welcome</div>
                        <div class="description">Welcome to AlphaRPG</div>
                    </div>
                </div>
                <div class="step" id="step2">
                    <i class="fal fa-pen-square"></i>
                    <div class="content">
                        <div class="title">Username</div>
                        <div class="description">Choose a username</div>
                    </div>
                </div>
                <div class="step" id="step3">
                    <i class="fal fa-image"></i>
                    <div class="content">
                        <div class="title">Avatar</div>
                        <div class="description">Choose an avatar</div>
                    </div>
                </div>
                <div class="step" id="step4">
                    <i class="fal fa-clipboard-user"></i>
                    <div class="content">
                        <div class="title">Class</div>
                        <div class="description">Choose a class</div>
                    </div>
                </div>
                <div class="step" id="step5">
                    <i class="fal fa-clipboard-list-check"></i>
                    <div class="content">
                        <div class="title">Confirmation</div>
                        <div class="description">Confirm your choices</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pw message text-center no-animation" id="tutorial-1">
            <h2>Introduction</h2>Welcome to AlphaRPG, a game made by Purple Wizard.
            <br />The main goal of this game is to fight enemies and progress through the story to gain
            <b>EQUIPMENT</b> and <b>EXPERIENCE</b>.
            <br />You'll discover & explore a new world called Alpha filled with many cities & monsters!
            <br />But beware: there are also powerful monsters that you will need to fight wisely; it's up to you to
            find your own way to do so! 😉<br />
            If you have any question don't hesitate to join our
            <a class="link" data-url="https://discord.com/invite/SBuYeHh"><i class="fab fa-discord"></i> discord</a>.
            <br />Okay, so now we need to know who your character will be...
        </div>
        <div class="pw message text-center no-animation" id="tutorial-2" style="display: none;">
            <h2>Username</h2>Enter your desired username for your character (3-16 alphanumerical characters).<br />
            Write "Neo" to generate a random name.<br />
            <input id="PlayerName" maxlength="16" placeholder="Neo" type="text" />
            <br /><span id="namehelp"></span>
        </div>
        <div class="pw message text-center no-animation" id="tutorial-3" style="display: none;">
            <h2>Avatar</h2>
            You can also choose your avatar; it will be shown during any fight.
            <img class="pw centered medium image" id="avatar2" src="#" />
            <div class="pw fluid buttons">
                <div class="pw grey button" id="AVATAR_PREVIOUS_BEGIN">
                    <i class="fal fa-arrow-square-left"></i>
                </div>
                <div class="pw grey button" id="AVATAR_NEXT_BEGIN">
                    <i class="fal fa-arrow-square-right"></i>
                </div>
            </div>
        </div>
        <div class="pw message text-center no-animation" id="tutorial-4" style="display: none;">
            <h2>Class</h2>
            You now require a class, which will define your basic skills.
            <br />You will eventually be able to gain the bonuses granted by each class.
            <div class="pw horizontal segments">
                <div class="pw segment" id="ChooseWarrior">
                    <div class="pw message" id="warrior">
                        <h3>WARRIOR</h3>
                        <div class="content">
                            Warriors form the frontline of any fight. They deal the most damage.
                            <br />(+5% Damages)
                        </div>
                    </div>
                </div>
                <div class="pw segment" id="ChoosePaladin">
                    <div class="pw message" id="paladin">
                        <h3>PALADIN</h3>
                        <div class="content">
                            Paladins fight for justice. They protect the weak with their strong shield.
                            <br />(+5% Armor)
                        </div>
                    </div>
                </div>
                <div class="pw segment" id="ChooseNinja">
                    <div class="pw message" id="ninja">
                        <h3>NINJA</h3>
                        <div class="content">
                            Ninjas are elite fighters, planning and plotting before the fight.
                            <br />They can learn the basics faster than anyone.
                            <br />(+5% Bonus Experience)
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pw message text-center no-animation" id="tutorial-5" style="display: none;">
            <h2>Validation</h2>Do you wish to start the game with these choices?
            <div id="WELCOME_DATA"></div>
        </div>
        <div class="pw fluid buttons">
            <div class="pw darkgrey button" id="WelcomePrevious" style="display: none;">
                <i class="left arrow icon"></i>Previous
            </div>
            <div class="pw alpha button" id="WelcomeNext">Next <i class="right arrow icon"></i></div>
        </div>
    </div>
    <!--LOGIN-->
    <div class="popup" id="LOGIN-NOTICE">
        <div class="content">
            <div class="title" id="wb-texttitle"></div>
            <div class="text" id="wb-text"></div>
            <div class="pw fluid buttons">
                <div class="pw green button" id="LOGIN-BTN"><i class="fal fa-check"></i> Yes</div>
                <div class="pw red button" id="WB-BTN"><i class="fal fa-times"></i> No</div>
            </div>
        </div>
    </div>
    <!--POPUP-->
    <div class="popup" id="POPUP">
        <div class="content">
            <div class="title" id="popup-title"></div>
            <div class="text" id="popup-text"></div>
            <div id="popup-buttons">
                <div class="pw fluid red button" id="POPUP_CLOSE"><i class="fal fa-times"></i> Close</div>
            </div>
        </div>
    </div>
    <!--NOTICE-->
    <div class="notice" id="NOTICE">
        <div class="content">
            <div class="countdown" id="notice-countdown"></div>
            <div class="title" id="notice-title"></div>
            <div class="text" id="notice-text"></div>
        </div>
    </div>
    <script src="jquery-3.6.1.min.js" type="text/javascript"></script>
    <script src="https://kit.fontawesome.com/7ebbff149a.js" crossorigin="anonymous"></script>
    <script src="libs/numeral.min.js" type="text/javascript"></script>
    <script src="libs/lodash.min.js" type="text/javascript"></script>
    <script src="https://www.gstatic.com/firebasejs/9.6.0/firebase-app-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.6.0/firebase-database-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.6.0/firebase-auth-compat.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.6.0/firebase-analytics-compat.js"></script>
    <script src="js/functions.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/config.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/lang.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/stats.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/combat.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/inventory.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/dimension.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/missions.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/events.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/app.js?v=3.5.0" type="text/javascript"></script>
    <script src="js/palette.js?v=3.5.0" type="text/javascript"></script>
<!--客服 开始-->
<script src="//g8hh.github.io/static/js/jquery.min.js"></script>
<link rel="stylesheet" href="//g8hh.github.io/static/css/kf.css" type="text/css" media="screen" charset="utf-8">
<script src="//g8hh.github.io/static/js/kf.js"></script>
<!-- 客服 结束 -->
<!--站长统计--> 
<div style="display: none">
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?028b1b5f659ed138230f4cafd7ad0dfc";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
    </div>
</body>

</html>